<div th:fragment="header">
    <!-- 菜单栏 Start -->
   <div class="navbar-main"> 
    <div class="navbar navbar-inverse navbar-fixed-top" style="padding:0;">
    	<div style="background-color:#c1c1c1;">
    	<div class="container clear-f" >
			<div class="fl" style="width:300px; line-height:50px">
				亲，欢迎来到慈善图书借阅平台
			</div>
			<div class="fr">
				<shiro:guest>
					<a href="../login" class="top-link" style="margin-left: 20px;color: #000; line-height:50px">登录</a>
					<a href="../login" class="top-link" style="margin-left: 20px;color: #000;line-height:50px">注册</a>
				</shiro:guest>
				<shiro:user>
					<a href="../my/" class="top-link" style="margin-left: 20px;color: #000;line-height:50px">
						<shiro:principal property="nickname" />
						<shiro:hasRole name="love_vip">　　
							<span class="layui-badge"  style="padding-right: 13px;padding-left: 13px;">
							A<shiro:principal property="level" />
							</span>
　　						</shiro:hasRole>
					</a>
					<a href="../borrow" class="top-link" style="margin-left: 20px;color: #000;line-height:50px">我的借阅</a>
					<a href="../logout" class="top-link" style="margin-left: 20px;color: #000;line-height:50px">注销</a>
				</shiro:user>
			</div>
	  </div>
    </div>
    
      <div class="container">
        <div class="navbar-header">
          <div class="pull-left logo">
            <a class="" href="../index.html">
              <img class="logo" src="../img/2.png" />
            </a>
          </div>
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
        </div>
        <div class="navbar-collapse collapse">
          <ul class="nav navbar-nav pull-right">
            <li class="list-item">
              <a href="../index" class="item-link">首页</a>
            </li>
            <li class="list-item">
              <a href="../book" class="item-link">平台书库</a>
            </li>
            <li class="list-item">
              <a href="../activity" class="item-link">慈善活动</a>
            </li>
            <li class="list-item">
              <a href="../wish" class="item-link">书愿墙</a>
            </li>
            <li class="list-item shopping-cart">
              <a class="shopping-cart-link" href="../library">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-shoucang"></use>
                </svg>
                <span>我的书库</span>
              </a>
            </li>
          </ul>
        </div>
      </div>
    </div>
   </div> 
  <!-- 菜单栏 End -->
</div>  

<div th:fragment="footer">
<!-- footer Start -->
  <div class="footer">
    <div class="container">
      <p>Copyright &copy; 2018.Charity Book</p>
    </div>
  </div>
<!-- footer End -->
</div>